<template>
	<view class="container border-box"
		:style="{paddingTop: sysInfo.top * 2 + 88 + 'rpx',paddingBottom: sysInfo.safeAreaInsets.bottom * 2 + sysInfo.windowBottom * 2 + 'rpx',}">
		<head-component title="首页" :showBack="false"></head-component>
		<view class="intro">
			本项目已包含uni ui组件，无需import和注册，可直接使用。在代码区键入字母u，即可通过代码助手列出所有可用组件。光标置于组件名称处按F1，即可查看组件文档。</view>
		<text class="intro">详见：</text>
		<uni-link :href="href" :text="href"></uni-link>
		<text class="intro">
			
		</text>
		<button @click="onBtn('/pages2/subcontract/index')">跳转到subcontract页面</button>
		<button @click="onBtn('/pages2/uChartsDemo/index')">跳转到uChartsDemo页面</button>
		<button @click="onBtn('/pages2/login/index')">跳转到login页面</button>
		<button @click="onBtn('/pages2/register/index')">跳转到register页面</button>
		<button @click="onBtn('/pages2/avatar/index')">跳转到avatar页面</button>

	</view>
</template>

<script>
	import headComponent from "@/components/head-component/head-component.vue";
	export default {
		components: {
			"head-component": headComponent
		},
		data() {
			return {
				href: 'https://uniapp.dcloud.io/component/README?id=uniui',
				sysInfo: {},
			}
		},
		onLoad() {
			this.sysInfo = this.$common.mySysInfo();
		},
		methods: {
			onBtn(url) {
				this.$common.navigateTo(url);
			},
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		padding: 0 20rpx;
	}
</style>